<template>

  <div class="tip">
    <!--常见科室结构-->
    <div class="department">
      <div class="header">
        <div class="right">
          <svg t="1705395670408" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="4284" width="16" height="16">
            <path
                d="M400.696008 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.984503 31.233352 31.233352 31.233352s31.233352-13.984503 31.233352-31.233352l0-30.470989C431.92936 143.078673 417.944857 129.093147 400.696008 129.093147z"
                fill="#999999" p-id="4285"></path>
            <path
                d="M623.647823 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.985526 31.233352 31.233352 31.233352 17.248849 0 31.233352-13.984503 31.233352-31.233352l0-30.470989C654.881175 143.078673 640.896672 129.093147 623.647823 129.093147z"
                fill="#999999" p-id="4286"></path>
            <path
                d="M425.695379 312.937269c11.209296 18.047028 41.974997 48.588625 86.152149 48.588625 43.958164 0 75.100442-30.308283 86.573751-48.223305 9.302877-14.528901 5.068436-33.846876-9.455349-43.149752-14.539134-9.307993-33.851992-5.063319-43.149752 9.455349-0.121773 0.198521-13.379729 19.449981-33.968649 19.449981-19.993357 0-32.428573-18.107403-33.271778-19.373233-9.17087-14.417361-28.28009-18.799158-42.829458-9.760295C421.089477 279.028994 416.591023 298.28557 425.695379 312.937269z"
                fill="#999999" p-id="4287"></path>
            <path
                d="M564.242851 625.945145l-20.278859 0L543.963992 462.486306c0-17.253966-13.985526-31.233352-31.233352-31.233352-17.248849 0-31.233352 13.979386-31.233352 31.233352l0 163.457816-20.283975 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L647.532813 709.234083C647.532813 663.309124 610.168834 625.945145 564.242851 625.945145zM585.066109 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L461.214337 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L440.392102 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L585.066109 812.258505z"
                fill="#999999" p-id="4288"></path>
            <path
                d="M250.808256 625.945145l-17.482163 0 0-266.970354c0-35.483142 28.864398-64.35368 64.343447-64.35368 17.248849 0 31.233352-13.984503 31.233352-31.233352s-13.985526-31.233352-31.233352-31.233352c-69.924559 0-126.810151 56.890708-126.810151 126.820384l0 266.970354-23.079648 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L334.099241 709.234083C334.098217 663.309124 296.734238 625.945145 250.808256 625.945145zM271.630491 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L147.778718 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L126.956484 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L271.630491 812.258505z"
                fill="#999999" p-id="4289"></path>
            <path
                d="M876.565113 625.945145l-21.961174 0 0-266.970354c0-69.929676-56.890708-126.820384-126.815267-126.820384-17.248849 0-31.233352 13.985526-31.233352 31.233352s13.984503 31.233352 31.233352 31.233352c35.483142 0 64.348564 28.869514 64.348564 64.35368l0 266.970354-18.605753 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.034655 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L959.856098 709.234083C959.854051 663.309124 922.490072 625.945145 876.565113 625.945145zM897.387347 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L773.530458 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L752.708224 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.034655 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L897.387347 812.258505z"
                fill="#999999" p-id="4290"></path>
          </svg>
          <span>常见科室</span>
        </div>
        <div class="left">
          <span>全部</span>
          <svg t="1705395801911" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5409" width="16" height="16">
            <path
                d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
                p-id="5410"></path>
          </svg>
        </div>

      </div>
      <div class="content">
        <ul>
          <li>神经内科</li>
          <li>呼吸内科</li>
          <li>消化内科</li>
          <li>儿科</li>
          <li>妇科</li>
          <li>骨科</li>
          <li>皮肤科</li>
          <li>泌尿科</li>
        </ul>
      </div>
    </div>

    <!--平台公告-->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg t="1705397037865" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="7398" width="16" height="16">
            <path
                d="M768.554667 824.490667v64H258.666667v-64h509.888zM906.666667 181.333333v533.333334h-789.333334v-533.333334h789.333334z m-64 64h-661.333334v405.333334h661.333334v-405.333334z m-115.712 237.824v64h-426.666667v-64h426.666667z m0-149.333333v64h-426.666667v-64h426.666667z"
                fill="#d81e06" p-id="7399"></path>
          </svg>
          <span>平台公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1705395801911" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5409" width="16" height="16">
            <path
                d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
                p-id="5410"></path>
          </svg>

        </div>

      </div>

      <div class="content">
        <ul>
          <li>关于延长北京大学的科研时间</li>
          <li>关于停止南开大学的医学院停诊信息</li>
          <li>关于恢复南开医学院骨科科室</li>
        </ul>
      </div>


    </div>

    <!--停诊公告-->
    <div class="stopNotice">
      <div class="header">
        <div class="left">
          <svg t="1705397641099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="8438" width="16" height="16">
            <path
                d="M512.681455 0.00037a511.975882 511.975882 0 1 0 419.45012 804.604024 18.751888 18.751888 0 0 0 2.467353-3.330927l0.740206-0.986942a18.62852 18.62852 0 0 0 1.973883-8.265634 18.751888 18.751888 0 0 0-35.776628-7.772164 472.991694 472.991694 0 1 1 66.125078-135.704451 18.381785 18.381785 0 0 0-1.110309 5.921649 18.505152 18.505152 0 0 0 33.926113 10.362885h0.740206l0.986941-3.454295a18.505152 18.505152 0 0 0 1.110309-3.947766A511.852514 511.852514 0 0 0 512.681455 0.00037z"
                fill="#FF7A79" p-id="8439"></path>
            <path
                d="M688.727137 378.98589h-44.288998l-117.199298-117.199298a19.862197 19.862197 0 0 0-27.017522 0L383.145388 378.98589h-46.509616a55.515457 55.515457 0 0 0-55.515457 55.515457v277.577285a55.515457 55.515457 0 0 0 55.515457 55.515457h352.091365a55.515457 55.515457 0 0 0 55.515457-55.515457v-277.577285a55.515457 55.515457 0 0 0-55.515457-55.515457z m-174.935373-78.461846l78.338478 78.338479H435.329918z m193.440526 411.554588a18.505152 18.505152 0 0 1-18.505153 18.505153H336.635772a18.505152 18.505152 0 0 1-18.505152-18.505153v-277.577285c0-10.239518 8.265635-18.505152 22.946389-18.505152h352.091365a18.505152 18.505152 0 0 1 14.063916 18.505152z"
                fill="#FF7A79" p-id="8440"></path>
            <path
                d="M386.599683 530.481404h149.768367a18.505152 18.505152 0 0 0 0-37.010305H386.599683a18.505152 18.505152 0 0 0 0 37.010305zM645.178345 615.35837h-259.072132a18.505152 18.505152 0 0 0 0 37.010304h259.072132a18.505152 18.505152 0 0 0 0-37.010304z"
                fill="#FF7A79" p-id="8441"></path>
            <path
                d="M958.162155 725.155607m-28.251199 0a28.251199 28.251199 0 1 0 56.502399 0 28.251199 28.251199 0 1 0-56.502399 0Z"
                fill="#FF7A79" p-id="8442"></path>
          </svg>
          <span>停诊公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1705395801911" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5409" width="16" height="16">
            <path
                d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
                p-id="5410"></path>
          </svg>

        </div>

      </div>

      <div class="content">
        <ul>
          <li>南开大学医学院停诊信息</li>
          <li>天津肿瘤医院停诊信息发布</li>
          <li>天津市第一人民医院停诊信息发布</li>
        </ul>
      </div>


    </div>

  </div>
</template>


<script setup lang="ts">

</script>


<style scoped lang="scss">
.tip {
  color: #7f7f7f;

  .department {
    .header {
      display: flex;
      justify-content: space-between;

      .left {
        display: flex;

        span {
          margin-left: 5px;
        }
      }
    }

    .content {
      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        li {
          width: 40%;
          margin-top: 20px;
        }
      }
    }

  }

  .stopNotice {
    margin-top: 20px;

    .header {
      display: flex;
      justify-content: space-between;
    }

    .content {
      ul {
        li {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 15px;
        }
      }
    }
  }


  .notice {
    margin-top: 20px;

    .header {
      display: flex;
      justify-content: space-between;
    }

    .content {
      ul {
        li {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 15px;
        }
      }
    }
  }

}
</style>
